<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>vuepress-theme-reco</title>
    <meta name="description" content="A simple and beautiful vuepress Blog &amp; Doc theme.">
    <meta name="generator" content="VuePress 1.3.1">
    <link rel="icon" href="/favicon.ico">
  <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
  <link rel="manifest" href="/manifest.json">
  <meta name="theme-color" content="#42b983">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <link rel="apple-touch-icon" href="/icon_vuepress_reco.png">
  <link rel="mask-icon" href="/icon_vuepress_reco.svg" color="#42b983">
  <meta name="msapplication-TileImage" content="/icon_vuepress_reco.png">
  <meta name="msapplication-TileColor" content="#000000">
    
    <link rel="preload" href="/assets/css/0.styles.fe063016.css" as="style"><link rel="preload" href="/assets/js/app.855cdd09.js" as="script"><link rel="preload" href="/assets/js/6.34842f28.js" as="script"><link rel="preload" href="/assets/js/1.6b36c36f.js" as="script"><link rel="preload" href="/assets/js/2.8f1f149c.js" as="script"><link rel="preload" href="/assets/js/40.32b6c81e.js" as="script"><link rel="preload" href="/assets/js/12.d59f9a8e.js" as="script"><link rel="preload" href="/assets/js/15.3e3cf360.js" as="script"><link rel="preload" href="/assets/js/20.dac8ae7c.js" as="script"><link rel="prefetch" href="/assets/js/10.f0d42287.js"><link rel="prefetch" href="/assets/js/100.30fef9bf.js"><link rel="prefetch" href="/assets/js/101.b49319e9.js"><link rel="prefetch" href="/assets/js/102.5908690d.js"><link rel="prefetch" href="/assets/js/103.11cc4e5b.js"><link rel="prefetch" href="/assets/js/104.63a13605.js"><link rel="prefetch" href="/assets/js/105.c5dbf15a.js"><link rel="prefetch" href="/assets/js/106.1d93faf1.js"><link rel="prefetch" href="/assets/js/107.572585e0.js"><link rel="prefetch" href="/assets/js/108.d8fe5805.js"><link rel="prefetch" href="/assets/js/11.5c7996b0.js"><link rel="prefetch" href="/assets/js/13.0e7c765b.js"><link rel="prefetch" href="/assets/js/14.be95acb5.js"><link rel="prefetch" href="/assets/js/16.263c02b9.js"><link rel="prefetch" href="/assets/js/17.5131a785.js"><link rel="prefetch" href="/assets/js/18.fd615ce7.js"><link rel="prefetch" href="/assets/js/19.0f2cdc7e.js"><link rel="prefetch" href="/assets/js/21.d0f5a7cb.js"><link rel="prefetch" href="/assets/js/22.682a93e5.js"><link rel="prefetch" href="/assets/js/23.7531fc0a.js"><link rel="prefetch" href="/assets/js/24.cd94860f.js"><link rel="prefetch" href="/assets/js/25.ab099e69.js"><link rel="prefetch" href="/assets/js/26.c9eef728.js"><link rel="prefetch" href="/assets/js/27.007a2689.js"><link rel="prefetch" href="/assets/js/28.a75af4d2.js"><link rel="prefetch" href="/assets/js/29.ec566197.js"><link rel="prefetch" href="/assets/js/30.411a2f81.js"><link rel="prefetch" href="/assets/js/31.04fd5e5c.js"><link rel="prefetch" href="/assets/js/32.b4ce1340.js"><link rel="prefetch" href="/assets/js/33.465601a3.js"><link rel="prefetch" href="/assets/js/34.5522e458.js"><link rel="prefetch" href="/assets/js/35.055fdabe.js"><link rel="prefetch" href="/assets/js/36.39d7250d.js"><link rel="prefetch" href="/assets/js/37.edabc3d2.js"><link rel="prefetch" href="/assets/js/38.1ab0684c.js"><link rel="prefetch" href="/assets/js/39.0e910004.js"><link rel="prefetch" href="/assets/js/41.6ed9a61a.js"><link rel="prefetch" href="/assets/js/42.53c0641b.js"><link rel="prefetch" href="/assets/js/43.26341194.js"><link rel="prefetch" href="/assets/js/44.8a0d0472.js"><link rel="prefetch" href="/assets/js/45.ecae2ba9.js"><link rel="prefetch" href="/assets/js/46.18486751.js"><link rel="prefetch" href="/assets/js/47.dc63d2a2.js"><link rel="prefetch" href="/assets/js/48.d5054cec.js"><link rel="prefetch" href="/assets/js/49.56704ea7.js"><link rel="prefetch" href="/assets/js/50.c29b4b5e.js"><link rel="prefetch" href="/assets/js/51.535a6834.js"><link rel="prefetch" href="/assets/js/52.9242fd41.js"><link rel="prefetch" href="/assets/js/53.f738fe46.js"><link rel="prefetch" href="/assets/js/54.20953162.js"><link rel="prefetch" href="/assets/js/55.e9e8560f.js"><link rel="prefetch" href="/assets/js/56.2918c733.js"><link rel="prefetch" href="/assets/js/57.5073f0dd.js"><link rel="prefetch" href="/assets/js/58.f98c0344.js"><link rel="prefetch" href="/assets/js/59.33866567.js"><link rel="prefetch" href="/assets/js/60.dfd839c7.js"><link rel="prefetch" href="/assets/js/61.e0b3485a.js"><link rel="prefetch" href="/assets/js/62.e2928f74.js"><link rel="prefetch" href="/assets/js/63.f780ec6c.js"><link rel="prefetch" href="/assets/js/64.c8b9d89c.js"><link rel="prefetch" href="/assets/js/65.9a027eb5.js"><link rel="prefetch" href="/assets/js/66.89eafb98.js"><link rel="prefetch" href="/assets/js/67.bb99c136.js"><link rel="prefetch" href="/assets/js/68.84bb4a6f.js"><link rel="prefetch" href="/assets/js/69.2a6e242b.js"><link rel="prefetch" href="/assets/js/7.0f2a68b6.js"><link rel="prefetch" href="/assets/js/70.8401056e.js"><link rel="prefetch" href="/assets/js/71.f8557b7a.js"><link rel="prefetch" href="/assets/js/72.dd0795ca.js"><link rel="prefetch" href="/assets/js/73.8b53b31c.js"><link rel="prefetch" href="/assets/js/74.6abcf30b.js"><link rel="prefetch" href="/assets/js/75.7491cb0e.js"><link rel="prefetch" href="/assets/js/76.ffee14a3.js"><link rel="prefetch" href="/assets/js/77.140f508a.js"><link rel="prefetch" href="/assets/js/78.638a362c.js"><link rel="prefetch" href="/assets/js/79.fbc48576.js"><link rel="prefetch" href="/assets/js/8.8610820e.js"><link rel="prefetch" href="/assets/js/80.e7956044.js"><link rel="prefetch" href="/assets/js/81.728556f9.js"><link rel="prefetch" href="/assets/js/82.7ef4d0e0.js"><link rel="prefetch" href="/assets/js/83.bb69a60f.js"><link rel="prefetch" href="/assets/js/84.efb36326.js"><link rel="prefetch" href="/assets/js/85.37f5a1ca.js"><link rel="prefetch" href="/assets/js/86.eb67ba81.js"><link rel="prefetch" href="/assets/js/87.7224975d.js"><link rel="prefetch" href="/assets/js/88.adea1847.js"><link rel="prefetch" href="/assets/js/89.eed4e5f2.js"><link rel="prefetch" href="/assets/js/9.5fcdc10a.js"><link rel="prefetch" href="/assets/js/90.dd6e21bd.js"><link rel="prefetch" href="/assets/js/91.9a4e3357.js"><link rel="prefetch" href="/assets/js/92.2d880917.js"><link rel="prefetch" href="/assets/js/93.54de200e.js"><link rel="prefetch" href="/assets/js/94.22dd5cac.js"><link rel="prefetch" href="/assets/js/95.d6c1dea3.js"><link rel="prefetch" href="/assets/js/96.2973029f.js"><link rel="prefetch" href="/assets/js/97.f3fd25e1.js"><link rel="prefetch" href="/assets/js/98.e0d6c662.js"><link rel="prefetch" href="/assets/js/99.d132fbcb.js"><link rel="prefetch" href="/assets/js/vendors~docsearch.bb581392.js"><link rel="prefetch" href="/assets/js/vendors~flowchart.d89363e1.js">
    <link rel="stylesheet" href="/assets/css/0.styles.fe063016.css">
  </head>
  <body>
    <div id="app" data-server-rendered="true"><div><div class="theme-container no-sidebar" data-v-4698c43e><div data-v-4698c43e><div id="loader-wrapper" class="loading-wrapper" data-v-4b73742e data-v-4698c43e data-v-4698c43e><div class="loader-main" data-v-4b73742e><div data-v-4b73742e></div><div data-v-4b73742e></div><div data-v-4b73742e></div><div data-v-4b73742e></div></div> <h3 class="title" data-v-4b73742e>vuepress-theme-reco</h3> <p class="description" data-v-4b73742e>A simple and beautiful vuepress Blog &amp; Doc theme.</p></div> <div class="password-shadow password-wrapper-out" style="display:none;" data-v-6cbeab0a data-v-4698c43e data-v-4698c43e><h3 class="title" style="display:none;" data-v-6cbeab0a data-v-6cbeab0a>vuepress-theme-reco</h3> <!----> <label id="box" class="inputBox" style="display:none;" data-v-6cbeab0a data-v-6cbeab0a><input type="password" value="" data-v-6cbeab0a> <span data-v-6cbeab0a>Konck! Knock!</span> <button data-v-6cbeab0a>OK</button></label> <div class="footer" style="display:none;" data-v-6cbeab0a data-v-6cbeab0a><span data-v-6cbeab0a><i class="iconfont reco-theme" data-v-6cbeab0a></i> <a target="blank" href="https://vuepress-theme-reco.recoluan.com" data-v-6cbeab0a>vuePress-theme-reco</a></span> <span data-v-6cbeab0a><i class="iconfont reco-copyright" data-v-6cbeab0a></i> <a data-v-6cbeab0a><span data-v-6cbeab0a>reco_luan</span>
            
          <span data-v-6cbeab0a>2017 - </span>
          2020
        </a></span></div></div> <div class="hide" data-v-4698c43e><header class="navbar" data-v-4698c43e><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/en/" class="home-link router-link-exact-active router-link-active"><img src="/icon_vuepress_reco.png" alt="vuepress-theme-reco" class="logo"> <span class="site-name">vuepress-theme-reco</span></a> <div class="links"><div class="color-picker"><a class="color-button"><i class="iconfont reco-color"></i></a> <div class="color-picker-menu" style="display:none;"><div class="mode-options"><h4 class="title">Choose mode</h4> <ul class="color-mode-options"><li class="dark">dark</li><li class="auto active">auto</li><li class="light">light</li></ul></div></div></div> <form id="search-form" role="search" class="algolia-search-wrapper search-box"><i class="iconfont reco-search"></i> <input id="algolia-search-input" class="search-query"></form> <nav class="nav-links can-hide"><div class="nav-item"><div class="dropdown-wrapper"><a class="dropdown-title"><span class="title"><i class="iconfont reco-api"></i>
      Documents
    </span> <span class="arrow right"></span></a> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><h4>Theme</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/en/views/1.x/" class="nav-link"><i class="iconfont undefined"></i>
  1.x
</a></li></ul></li><li class="dropdown-item"><h4>Plugin</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/en/views/plugins/" class="nav-link"><i class="iconfont undefined"></i>
  plugin
</a></li></ul></li></ul></div></div><div class="nav-item"><a href="/en/views/other/question.html" class="nav-link"><i class="iconfont reco-faq"></i>
  FAQ
</a></div><div class="nav-item"><a href="/en/views/other/theme-example.html" class="nav-link"><i class="iconfont reco-category"></i>
  Examples
</a></div><div class="nav-item"><a href="https://vuepress-theme-reco.recoluan.com/rss.xml" target="_blank" rel="noopener noreferrer" class="nav-link external"><i class="iconfont reco-rss"></i>
  RSS
  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div><div class="nav-item"><div class="dropdown-wrapper"><a class="dropdown-title"><span class="title"><i class="iconfont undefined"></i>
      Languages
    </span> <span class="arrow right"></span></a> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/" class="nav-link"><i class="iconfont undefined"></i>
  简体中文
</a></li><li class="dropdown-item"><!----> <a href="/en/" class="nav-link router-link-exact-active router-link-active"><i class="iconfont undefined"></i>
  English
</a></li></ul></div></div> <a href="https://github.com/vuepress-reco/vuepress-reco.github.io" target="_blank" rel="noopener noreferrer" class="repo-link"><i class="iconfont reco-github"></i>
    GitHub
    <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav></div></header> <div class="sidebar-mask" data-v-4698c43e></div> <aside class="sidebar" data-v-4698c43e><div class="personal-info-wrapper" data-v-6c8ffc9c><img src="/head.png" alt="author-avatar" class="personal-img" data-v-6c8ffc9c> <h3 class="name" data-v-6c8ffc9c>
    reco_luan
  </h3> <div class="num" data-v-6c8ffc9c><div data-v-6c8ffc9c><h3 data-v-6c8ffc9c>6</h3> <h6 data-v-6c8ffc9c>文章</h6></div> <div data-v-6c8ffc9c><h3 data-v-6c8ffc9c>3</h3> <h6 data-v-6c8ffc9c>标签</h6></div></div> <hr data-v-6c8ffc9c></div> <nav class="nav-links"><div class="nav-item"><div class="dropdown-wrapper"><a class="dropdown-title"><span class="title"><i class="iconfont reco-api"></i>
      Documents
    </span> <span class="arrow right"></span></a> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><h4>Theme</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/en/views/1.x/" class="nav-link"><i class="iconfont undefined"></i>
  1.x
</a></li></ul></li><li class="dropdown-item"><h4>Plugin</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/en/views/plugins/" class="nav-link"><i class="iconfont undefined"></i>
  plugin
</a></li></ul></li></ul></div></div><div class="nav-item"><a href="/en/views/other/question.html" class="nav-link"><i class="iconfont reco-faq"></i>
  FAQ
</a></div><div class="nav-item"><a href="/en/views/other/theme-example.html" class="nav-link"><i class="iconfont reco-category"></i>
  Examples
</a></div><div class="nav-item"><a href="https://vuepress-theme-reco.recoluan.com/rss.xml" target="_blank" rel="noopener noreferrer" class="nav-link external"><i class="iconfont reco-rss"></i>
  RSS
  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div><div class="nav-item"><div class="dropdown-wrapper"><a class="dropdown-title"><span class="title"><i class="iconfont undefined"></i>
      Languages
    </span> <span class="arrow right"></span></a> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/" class="nav-link"><i class="iconfont undefined"></i>
  简体中文
</a></li><li class="dropdown-item"><!----> <a href="/en/" class="nav-link router-link-exact-active router-link-active"><i class="iconfont undefined"></i>
  English
</a></li></ul></div></div> <a href="https://github.com/vuepress-reco/vuepress-reco.github.io" target="_blank" rel="noopener noreferrer" class="repo-link"><i class="iconfont reco-github"></i>
    GitHub
    <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav>  <!----> </aside> <div class="password-shadow password-wrapper-in" style="display:none;" data-v-6cbeab0a data-v-4698c43e><h3 class="title" style="display:none;" data-v-6cbeab0a data-v-6cbeab0a></h3> <!----> <label id="box" class="inputBox" style="display:none;" data-v-6cbeab0a data-v-6cbeab0a><input type="password" value="" data-v-6cbeab0a> <span data-v-6cbeab0a>Konck! Knock!</span> <button data-v-6cbeab0a>OK</button></label> <div class="footer" style="display:none;" data-v-6cbeab0a data-v-6cbeab0a><span data-v-6cbeab0a><i class="iconfont reco-theme" data-v-6cbeab0a></i> <a target="blank" href="https://vuepress-theme-reco.recoluan.com" data-v-6cbeab0a>vuePress-theme-reco</a></span> <span data-v-6cbeab0a><i class="iconfont reco-copyright" data-v-6cbeab0a></i> <a data-v-6cbeab0a><span data-v-6cbeab0a>reco_luan</span>
            
          <span data-v-6cbeab0a>2017 - </span>
          2020
        </a></span></div></div> <div data-v-4698c43e><article class="home-page-one-wrapper" data-v-1ef8a9d0><section class="description" data-v-1ef8a9d0><h1 data-v-1ef8a9d0>vuepress-theme-reco</h1> <p class="description" data-v-1ef8a9d0>A simple and beautiful vuepress Blog &amp; Doc theme.</p> <div data-v-1ef8a9d0><iframe src="https://ghbtns.com/github-btn.html?user=vuepress-reco&repo=vuepress-theme-reco&type=star&count=true&q=GitHub+Octocat+in:readme+user:defunkt" frameborder="0" scrolling="0" width="100px" height="20px" data-v-1ef8a9d0></iframe> <img src="https://img.shields.io/badge/download-0-orange.svg?style=social&amp;logo=npm" alt data-v-1ef8a9d0></div> <a href="/views/other/about" class="btn-about" data-v-1ef8a9d0>About</a> <img src="/assets/img/newyear.1c8d747b.svg" alt class="banner" data-v-1ef8a9d0></section> <section class="wish yesterday" data-v-1ef8a9d0><div class="wish-inner" data-v-1ef8a9d0><div class="img-wrapper" data-v-1ef8a9d0><img src="/assets/img/mobilelife.ec57bfb4.svg" alt data-v-1ef8a9d0></div> <div class="text-wrapper" data-v-1ef8a9d0><h1 data-v-1ef8a9d0>Yesterday</h1> <p class="description" data-v-1ef8a9d0>Develop a vuepress blog theme that looks happy and writes smoothly.</p></div></div></section> <section class="wish today" data-v-1ef8a9d0><div class="wish-inner" data-v-1ef8a9d0><div class="text-wrapper" data-v-1ef8a9d0><h1 data-v-1ef8a9d0>Today</h1> <p class="description" data-v-1ef8a9d0>Help more people spend more time on content creation than on blogging.</p></div> <div class="img-wrapper" data-v-1ef8a9d0><img src="/assets/img/content.8aca8a4d.svg" alt data-v-1ef8a9d0></div></div></section> <section class="wish tomorrow" data-v-1ef8a9d0><div class="wish-inner" data-v-1ef8a9d0><div class="img-wrapper" data-v-1ef8a9d0><img src="/assets/img/snowman.5264ec66.svg" alt data-v-1ef8a9d0></div> <div class="text-wrapper" data-v-1ef8a9d0><h1 data-v-1ef8a9d0>Tomorrow</h1> <p class="description" data-v-1ef8a9d0>I hope more fans can get involved and help this theme grow better.</p></div></div></section> <section class="md-content-wrapper" data-v-1ef8a9d0><div class="content__default" data-v-1ef8a9d0><h2 id="update-record-more"><a href="#update-record-more" class="header-anchor">#</a> Update Record <a href="/views/other/notice">more+</a></h2> <div class="custom-block tip"><p><strong>[2020-01-01]</strong> Updates <code>1.2.0</code></p> <ol><li>【修复】文章列表页跳转详情页，返回时无法记录列表当前的页码</li> <li>【修复】修复代码段过长导致博客首页布局错乱的 bug</li> <li>【增加】适配系统的暗色主题，首次加载默认自适应系统主题色，并可以通过原本自定义主题色按钮来切换自己喜欢的模式 <a href="/views/1.x/mode.html">文档</a></li> <li>【增加】<code>heroImage</code> 在 <code>type: 'blog'</code> 时仍然有效</li> <li>【增加】增加 ICP 备案链接和公安部备案配置 <a href="/views/1.x/configJs.html#备案信息和项目开始时间">文档</a></li> <li>【优化】将博文列表数据的处理逻辑，增加加载速度</li> <li>【优化】对密码进行了加密</li> <li>【修改】修改指定博客首页的信息栏头像的配置 <a href="/views/1.x/home.html#设置首页右侧信息栏头像">文档</a></li> <li>【删除】删除自定义主题色功能</li> <li>【删除】暂时删除全屏按钮</li> <li>【删除】删除文章列表页的浏览量，异步加载博客列表 <a href="/views/1.x/valine.html">文档</a></li></ol></div> <h2 id="quick-start"><a href="#quick-start" class="header-anchor">#</a> Quick start</h2> <p><strong>npx</strong></p> <div class="language- line-numbers-mode"><pre class="language-text"><code>npx @vuepress-reco/theme-cli init my-blog
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br></div></div><p><strong>npm</strong></p> <div class="language-bash line-numbers-mode"><pre class="language-bash"><code><span class="token comment"># init</span>
<span class="token function">npm</span> <span class="token function">install</span> @vuepress-reco/theme-cli -g
theme-cli init my-blog

<span class="token comment"># install</span>
<span class="token builtin class-name">cd</span> my-blog
<span class="token function">npm</span> <span class="token function">install</span>

<span class="token comment"># run</span>
<span class="token function">npm</span> run dev

<span class="token comment"># build</span>
<span class="token function">npm</span> run build
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br></div></div><p><strong>yarn</strong></p> <div class="language-bash line-numbers-mode"><pre class="language-bash"><code><span class="token comment"># init</span>
<span class="token function">yarn</span> global <span class="token function">add</span> @vuepress-reco/theme-cli
theme-cli init my-blog

<span class="token comment"># install</span>
<span class="token builtin class-name">cd</span> my-blog
<span class="token function">yarn</span> <span class="token function">install</span>
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br></div></div><h2 id="contributors"><a href="#contributors" class="header-anchor">#</a> Contributors</h2> <div class="contributors-wrapper" data-v-769aa4ee><h3 class="contributors-title" data-v-769aa4ee>
    vuepress-theme-reco
    <a rel="noopener noreferrer" target="_blank" title="vuepress-reco/vuepress-theme-reco" href="https://github.com/vuepress-reco/vuepress-theme-reco" class="github-link" data-v-769aa4ee><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28"><path d="M14 0C6.27 0 0 6.43 0 14.36c0 6.34 4.01 11.72 9.57 13.62.7.13.96-.31.96-.69 0-.34-.01-1.24-.02-2.44-3.89.87-4.72-1.92-4.72-1.92-.64-1.66-1.55-2.1-1.55-2.1-1.27-.89.1-.87.1-.87 1.4.1 2.14 1.48 2.14 1.48 1.25 2.19 3.28 1.56 4.07 1.19.13-.93.49-1.56.89-1.92-3.11-.36-6.38-1.59-6.38-7.09 0-1.57.55-2.85 1.44-3.85-.14-.36-.62-1.82.14-3.8 0 0 1.18-.39 3.85 1.47a12.8 12.8 0 0 1 3.5-.48c1.19.01 2.39.16 3.5.48 2.67-1.86 3.85-1.47 3.85-1.47.76 1.98.28 3.44.14 3.8.9 1 1.44 2.28 1.44 3.85 0 5.51-3.27 6.73-6.39 7.08.5.44.95 1.32.95 2.66 0 1.92-.02 3.47-.02 3.94 0 .38.25.83.96.69C23.99 26.07 28 20.7 28 14.36 28 6.43 21.73 0 14 0z" fill-rule="evenodd" clip-rule="evenodd"></path></svg></a></h3> <ul class="contributors-list" data-v-769aa4ee></ul></div> <div class="contributors-wrapper" data-v-769aa4ee><h3 class="contributors-title" data-v-769aa4ee>
    vuepress-reco.github.io
    <a rel="noopener noreferrer" target="_blank" title="vuepress-reco/vuepress-reco.github.io" href="https://github.com/vuepress-reco/vuepress-reco.github.io" class="github-link" data-v-769aa4ee><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28"><path d="M14 0C6.27 0 0 6.43 0 14.36c0 6.34 4.01 11.72 9.57 13.62.7.13.96-.31.96-.69 0-.34-.01-1.24-.02-2.44-3.89.87-4.72-1.92-4.72-1.92-.64-1.66-1.55-2.1-1.55-2.1-1.27-.89.1-.87.1-.87 1.4.1 2.14 1.48 2.14 1.48 1.25 2.19 3.28 1.56 4.07 1.19.13-.93.49-1.56.89-1.92-3.11-.36-6.38-1.59-6.38-7.09 0-1.57.55-2.85 1.44-3.85-.14-.36-.62-1.82.14-3.8 0 0 1.18-.39 3.85 1.47a12.8 12.8 0 0 1 3.5-.48c1.19.01 2.39.16 3.5.48 2.67-1.86 3.85-1.47 3.85-1.47.76 1.98.28 3.44.14 3.8.9 1 1.44 2.28 1.44 3.85 0 5.51-3.27 6.73-6.39 7.08.5.44.95 1.32.95 2.66 0 1.92-.02 3.47-.02 3.94 0 .38.25.83.96.69C23.99 26.07 28 20.7 28 14.36 28 6.43 21.73 0 14 0z" fill-rule="evenodd" clip-rule="evenodd"></path></svg></a></h3> <ul class="contributors-list" data-v-769aa4ee></ul></div></div></section></article> <div class="footer-wrapper footer" data-v-66bf7bce><span data-v-66bf7bce><i class="iconfont reco-theme" data-v-66bf7bce></i> <a target="blank" href="https://vuepress-theme-reco.recoluan.com" data-v-66bf7bce>VuePress-theme-reco</a></span> <!----> <span data-v-66bf7bce><i class="iconfont reco-copyright" data-v-66bf7bce></i> <a data-v-66bf7bce><span data-v-66bf7bce>reco_luan</span>
        
      <span data-v-66bf7bce>2017 - </span>
      2020
    </a></span> <span style="display:;" data-v-66bf7bce><i class="iconfont reco-eye" data-v-66bf7bce></i> <span id="/" data-flag-title="Your Article Title" class="leancloud-visitors" data-v-66bf7bce><a class="leancloud-visitors-count"></a></span></span> <!----></div> <div class="comments-wrapper" style="display:none;" data-v-4698c43e><div class="valine-wrapper"><div id="valine"></div></div></div></div></div></div></div></div><div class="global-ui"><div class="back-to-ceiling" style="right:1rem;bottom:6rem;width:2.5rem;height:2.5rem;border-radius:.25rem;line-height:2.5rem;display:none;" data-v-a81d141e data-v-a81d141e><svg t="1574745035067" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5404" class="icon" data-v-a81d141e><path d="M526.60727968 10.90185116a27.675 27.675 0 0 0-29.21455937 0c-131.36607665 82.28402758-218.69155461 228.01873535-218.69155402 394.07834331a462.20625001 462.20625001 0 0 0 5.36959153 69.94390903c1.00431239 6.55289093-0.34802892 13.13561351-3.76865779 18.80351572-32.63518765 54.11355614-51.75690182 118.55860487-51.7569018 187.94566865a371.06718723 371.06718723 0 0 0 11.50484808 91.98906777c6.53300375 25.50556257 41.68394495 28.14064038 52.69160883 4.22606766 17.37162448-37.73630017 42.14135425-72.50938081 72.80769204-103.21549295 2.18761121 3.04276886 4.15646224 6.24463696 6.40373557 9.22774369a1871.4375 1871.4375 0 0 0 140.04691725 5.34970492 1866.36093723 1866.36093723 0 0 0 140.04691723-5.34970492c2.24727335-2.98310674 4.21612437-6.18497483 6.3937923-9.2178004 30.66633723 30.70611158 55.4360664 65.4791928 72.80769147 103.21549355 11.00766384 23.91457269 46.15860503 21.27949489 52.69160879-4.22606768a371.15156223 371.15156223 0 0 0 11.514792-91.99901164c0-69.36717486-19.13165746-133.82216804-51.75690182-187.92578088-3.42062944-5.66790279-4.76302748-12.26056868-3.76865837-18.80351632a462.20625001 462.20625001 0 0 0 5.36959269-69.943909c-0.00994388-166.08943902-87.32547796-311.81420293-218.6915546-394.09823051zM605.93803103 357.87693858a93.93749974 93.93749974 0 1 1-187.89594924 6.1e-7 93.93749974 93.93749974 0 0 1 187.89594924-6.1e-7z" p-id="5405" data-v-a81d141e></path><path d="M429.50777625 765.63860547C429.50777625 803.39355007 466.44236686 1000.39046097 512.00932183 1000.39046097c45.56695499 0 82.4922232-197.00623328 82.5015456-234.7518555 0-37.75494459-36.9345906-68.35043303-82.4922232-68.34111062-45.57627738-0.00932239-82.52019037 30.59548842-82.51086798 68.34111062z" p-id="5406" data-v-a81d141e></path></svg></div><!----><!----></div></div>
    <script src="/assets/js/app.855cdd09.js" defer></script><script src="/assets/js/6.34842f28.js" defer></script><script src="/assets/js/1.6b36c36f.js" defer></script><script src="/assets/js/2.8f1f149c.js" defer></script><script src="/assets/js/40.32b6c81e.js" defer></script><script src="/assets/js/12.d59f9a8e.js" defer></script><script src="/assets/js/15.3e3cf360.js" defer></script><script src="/assets/js/20.dac8ae7c.js" defer></script>
  </body>
</html>
